<!doctype html>
<html lang="zh">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="libs/bootstrap-4.5.3-dist/css/bootstrap.min.css">
		<style>

			
		</style>
    <title>Hello, world!</title>
  </head>
  <body id='home' data-spy='scroll' data-target = "#navspy" style="position: relative;" data-offset=100>		
			<!-- 轮播图开始 -->
			<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel" data-interval=2000>
			    <ol class="carousel-indicators">
			      <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
			      <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
			      <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
			    </ol>
			    <div class="carousel-inner">
			      <div class="carousel-item active">
			        <img src="images/banner/banner-1.jpg" class="d-block w-100" alt="...">
			        <div class="carousel-caption d-none d-md-block banner-block">
			          <h1>美味餐点</h1>
			        </div>
			      </div>
			      <div class="carousel-item">
			        <img src="images/banner/banner-2.jpg" class="d-block w-100" alt="...">
			        <div class="carousel-caption d-none d-md-block banner-block">
			          <h1>轻松环境</h1>
			        </div>
			      </div>
			      <div class="carousel-item">
			        <img src="images/banner/banner-3.jpg" class="d-block w-100" alt="...">
			        <div class="carousel-caption d-none d-md-block banner-block">
			          <h1>悠闲气氛</h1>
			        </div>
			      </div>
			    </div>
			    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
			      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			      <span class="sr-only">Previous</span>
			    </a>
			    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
			      <span class="carousel-control-next-icon" aria-hidden="true"></span>
			      <span class="sr-only">Next</span>
			    </a>
			  </div>
			<!-- 轮播图结束 -->
			</div>
			
		</div>
		

			
    
		<!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="libs/jquery-3.6.0/jquery-3.6.0.min.js" ></script>
    <script src="libs/bootstrap-4.5.3-dist/js/bootstrap.bundle.min.js" ></script>
    <script src="libs/bootstrap-4.5.3-dist/js/bootstrap.min.js"></script>
		</script>
  </body>
</html>